{extend name="../../base/view/common/base" /}

{block name="style"}
<style type="text/css">
    .panel-num table {width: 100%;}
    .panel-num td {text-align: center; padding: 16px 0; border-left: 1px solid #f1f1f1; position: relative;}
    .panel-num td:nth-child(1) { border-left: none}
    .panel-num .num-title { padding-bottom: 5px; color: #999;}
    .panel-num .blue {font-size: 20px; font-weight: 300;}
    .panel-num td .badge {position: absolute;top: 0; right: 0;}
    .panel-num td .badge span { padding: 2px 4px; font-size: 12px; border-radius: 0 0 0 4px;}
    .dashboard-total td {border-top: 1px solid #f1f1f1}
    .dashboard-logs .layui-timeline-item {padding-bottom: 1px;}
    .info-td { width: 90px; text-align: right;background-color: #fafafa; color: #999; padding: 5px 3px;}
    .info-td {width: 90px; text-align: right;background-color: #fafafa; color: #999; padding: 5px 3px;}
	.layui-card-body .layui-timeline-title {padding-bottom: 0;font-size: 14px; margin-bottom:4px; color:#323232}
	.layui-card-body .layui-timeline-item {padding-bottom: 5px;}
	.layui-short-menu li { text-align: center;}
	.layui-short-menu li .iconfont {display: inline-block; font-weight:600; width: 100%; height: 58px; line-height: 58px; margin-bottom:5px; text-align: center;border-radius: 3px; font-size: 28px; background-color: #F8F8F8; color: #969696; transition: all .3s; -webkit-transition: all .3s;}
	.layui-short-menu li cite {color: #646464;}
	.layui-short-menu li:hover .iconfont{color: #1A75FF; background-color:#F2F8FF;}
	.layui-short-menu li:hover cite {color: #1A75FF;}
	.layui-matter-item li a{display: block; padding: 12px; background-color: #f8f8f8; color: #999; border-radius: 3px; transition: all .3s;-webkit-transition: all .3s;}
	.layui-matter-item li a:hover{background-color:#F2F8FF;}
	.layui-matter-item li cite {font-size: 24px;font-weight: 300;}
	
	.layui-right-bar a{display: inline-block; width: 100%; height: 64px; text-align: center;border-radius: 3px; background-color: #F8F8F8; color: #969696; transition: all .3s; -webkit-transition: all .3s;}
	.layui-right-bar a .iconfont{display: inline-block; font-weight:600; width: 100%; height: 37px; line-height: 39px; text-align: center;font-size: 24px;}
	.layui-right-bar a:hover{color: #1A75FF; background-color:#F2F8FF;}
	.layui-card-title{padding:12px 12px 0}
</style>
{/block}
<!-- 主体 -->
{block name="body"}
<div class="p-page">
<div class="layui-row layui-col-space16">
	<div class="layui-col-md8">
		{volist name="$layout_selected" id="layout"}
		
			{if ( $layout.row == 1) AND ( $layout.name == 'count') }
				{include file="/index/layout_count" /}	
			{/if}
			
			{if ( $layout.row == 1) AND ( $layout.name == 'event') }
				{include file="/index/layout_event" /}	
			{/if}
			
			{if ( $layout.row == 1) AND ( $layout.name == 'note') }
				{include file="/index/layout_note" /}	
			{/if}
			
			{if ( $layout.row == 1) AND ( $layout.name == 'project') }
				{include file="/index/layout_project" /}	
			{/if}
			
			{if ( $layout.row == 1) AND ( $layout.name == 'task') }
				{include file="/index/layout_task" /}	
			{/if}
			
			
			{if ( $layout.row == 1) AND ( $layout.name == 'chartview') }
				{include file="/index/layout_chartview" /}	
			{/if}
			
			{if ( $layout.row == 1) AND ( $layout.name == 'chartyear') }
				{include file="/index/layout_chartyear" /}	
			{/if}
			
		{/volist}
	</div>
	<div class="layui-col-md4">
		{volist name="$layout_selected" id="layout"}	
		
			{if ( $layout.row == 2) AND ( $layout.name == 'fastentry') }
				{include file="/index/layout_fastentry" /}	
			{/if}
			
			{if ( $layout.row == 2) AND ( $layout.name == 'approve') }
				{include file="/index/layout_approve" /}	
			{/if}
			
			{if ( $layout.row == 2) AND ( $layout.name == 'system') }
				{include file="/index/layout_system" /}	
			{/if}
			
			{if ( $layout.row == 2) AND ( $layout.name == 'ranking') }
				{include file="/index/layout_ranking" /}	
			{/if}
			
			{if ( $layout.row == 2) AND ( $layout.name == 'action') }
				{include file="/index/layout_action" /}	
			{/if}
			
		{/volist}
	</div>
</div>
</div>
{/block}
<!-- /主体 -->

<!-- 脚本 -->
{block name="script"}
<script src="{__GOUGU__}/third_party/echart/echarts.min.js"></script>
<script>
	function getRange() {
		let today = new Date();
		let tYear = today.getFullYear();
		let tMonth = today.getMonth() + 1;
		let tDate = today.getDate();
		let dateFirst = tYear + "-" + tMonth + "-" + tDate;
		let datelast = (tYear - 1) + "-" + tMonth + "-" + tDate;
		let dataRange = [];
		dataRange.push(dateFirst);
		dataRange.push(datelast);
		return dataRange;
	}

	function getDay(archiveCalendar) {
		var today = new Date();
		var dayArray = [];
		for (var i = 0; i < 366; i++) {
			var targetday_milliseconds = today.getTime() - 1000 * 60 * 60 * 24 * i;
			var date = new Date(targetday_milliseconds);
			dayArray.push(retunDay(date,archiveCalendar));
		}
		return dayArray;
	}

	function retunDay(day,archiveCalendar) {
		var tYear = day.getFullYear();
		var tMonth = day.getMonth();
		var tDate = day.getDate();
		tMonth = tMonth + 1;
		if (tMonth.toString().length == 1) {
			tMonth = "0" + tMonth;
		}
		if (tDate.toString().length == 1) {
			tDate = "0" + tDate;
		}
		var dateStr = tYear + "-" + tMonth + "-" + tDate;
		var dateArray = [];
		dateArray.push(dateStr);
		if (archiveCalendar[dateStr]) {
			dateArray.push(archiveCalendar[dateStr]);
		}
		else {
			dateArray.push(0);
		}
		return dateArray;
	}
	
	function setHour(num) {
		var str = num + ':00';
		if (num < 10) {
			str = '0' + num + ':00';
		}
		return str;
	}

	const moduleInit = ['tool','oaSchedule'];
	function gouguInit() {
		var tool = layui.tool,table = layui.table,work = layui.oaSchedule;
		
		if(typeof layoutNote ==='function'){
			layoutNote(table);
		}
		
		if(typeof layoutProject ==='function'){
			layoutProject(table);
		}
		
		if(typeof layoutTask ==='function'){
			layoutTask(table);
		}
		
		if(typeof layoutChartView ==='function'){
			layoutChartView();
		}
		
		if(typeof layoutChartYear ==='function'){
			layoutChartYear();
		}
		
		if(typeof layoutFastentry ==='function'){
			layoutFastentry(tool,work,table)
		}
		
		if(typeof layoutSystem ==='function'){
			layoutSystem()
		}
		
		if(typeof layoutRaking ==='function'){
			layoutRaking()
		}
		
		if(typeof layoutAction ==='function'){
			layoutAction()
		}	
	}
	
setTimeout(function () {
	window.onresize = function () {
		if(logChart){
			chartView.resize();
		}
		if(myChart){
			myChart.resize();
		}
		if(logChart){
			logChart.resize();
		}
	}
})
</script>
{/block}
<!-- /脚本 -->